<template>
	<view class="content">
		 <view class="iconfont icon-fanhui5 white size60 backImg" @click="$back()"></view>
		<view class="box p-top60 p-bot60 flexac">
			<view class="row f-column a-center">
				 <text class="white size40">您的邀请码</text>
				 <text class="white size74 bold m-top30">{{info.uuid}}</text>
				 <view class="bg9b padding6-40 white size26 m-top30" @click="$getClip(info.uuid)">复制</view>
				 <text class="white size28 m-top40">复制邀请码，邀请更多好友来探索</text>
				 <view class="borTop p-top10 m-top80"></view>
				 <image src="../../static/imgs/codr.png" mode="aspectFit" class="codrImg m-top50"></image>
				 <text class="white size28 m-top10">艺图数藏</text>
				 <text class="color_9b size28 m-top10">探索有趣有价值的数字藏品</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:''
			}
		},
		onLoad() {
			this.share();
		},
		methods: {
			share(){
				this.$http.get('user/share').then(res=>{
					if(res.code != 1) return this.$Toast(res.msg);
					this.info = res.data;
				})
			},
		}
	}
</script>
<style>
	page{
		background: #01032a;
	}
</style>
<style lang="scss" scoped>
	.content{
		width: 100%;
		background-image: url(@/static/imgs/shareBg.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 400rpx;
	}
	.box{
		width:670rpx;
		margin:0 auto;
		background-image: url(@/static/imgs/shareBor.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.borTop{
		width:500rpx;
		border-top:1px dotted #ffffff;
	}
	.codrImg{
		width:150rpx;
		height: 150rpx;
	}
</style>
